﻿<div class="row w-100">
    <div class="input-group w-75" style="margin:auto;margin-top:20px">
        <div class="input-group-prepend">
            <span class="input-group-text">客户</span>
        </div>
        <input type="text" aria-label="First name" class="form-control" id="UserName">
        <div class="input-group-prepend" style="margin-left:50px">
            <span class="input-group-text">订单时间</span>
        </div>
        <input type="datetime-local" aria-label="First name" class="form-control" id="DDtime">
        <div class="input-group-prepend">
            <span class="input-group-text">至</span>
        </div>
        <input type="datetime-local" aria-label="First name" class="form-control" id="Endtime">
        <div class="input-group-prepend" style="margin-left:50px">
            <span class="input-group-text">类型</span>
        </div>
        <select class="form-control">
            <option value="0">默认不选</option>
            <option value="1">用户充值</option>
            <option value="2">后台充值</option>
        </select>

    </div>
    <div class="input-group w-75" style="margin-top:20px">
        <button type="button" class="btn btn-success" style="margin-left:210px" id="Normelsech">搜索</button>


    </div>
    <div class="input-group w-75" style="margin-left:10px;margin-top:20px">
        <button type="button" class="btn btn-danger" id="Allserch">搜索全部</button>
        <button type="button" class="btn btn-danger" id="Allserch" style="margin-left:20px">充值金额：</button>
    </div>
</div>
<div class="row" style="margin-top:30px;height:60%;background-color:#ffffff">
    <div class="col-12">
        <div style="font-size:20px;color:#8f919f">
            充值与提现

        </div>
        <table class="table table-striped table-sm table-hover" style="font-size:15px;color:#808080">
            <thead>
                <tr>
                    <th scope="col">编号</th>
                    <th scope="col">交易账户</th>
                    <th scope="col">交易姓名</th>
                    <th scope="col">操作时间</th>
                    <th scope="col">金额</th>
                    <th scope="col">会员账户余额</th>
                    <th scope="col">备注</th>
                    <th scope="col">审核时间</th>
                    <th scope="col">审核/状态</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><!--编号--></td>
                    <td scope="row"><!--交易账户--></td>
                    <td><!--交易姓名--></td>
                    <td><!--操作时间--></td>
                    <td><!--金额--></td>
                    <td><!--会员账户余额--></td>
                    <td><!--备注--></td>
                    <td><!--审核时间--></td>
                    <td><!--审核/状态--></td>
                </tr>

            </tbody>
        </table>
        <nav aria-label="Page navigation example" style="display:flex;justify-content:center">
            <ul class="pagination">
                <li class="page-item">
                    <a class="page-link" href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item">
                    <a class="page-link" href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>

</div> 
